<div class="row-fluid white-block">
    <div class="mozaic-widget social-platforms-holder widget-social_platforms metrics-block">
        <div class="">
            <h5>TOP SOCIAL PLATFORMS</h5>
            <div id="social_platforms">
                <div id="social-platforms-inner">
                    <ul class="top-platforms">

                    </ul>
                </div>
            </div>
        </div>
        <div class="loading" style="left: 46%;top: 49%;position: absolute;">
            <div class="duo duo1">
                <div class="dot dot-a"></div>
                <div class="dot dot-b"></div>
            </div>
            <div class="duo duo2">
                <div class="dot dot-a"></div>
                <div class="dot dot-b"></div>
            </div>
        </div>
    </div>
</div>
<div id="metrics-top-social-platform" class="row-fluid white-row metrics-block">
    <div class="metrics-block-number" style="width: 400px">
        <h5>
            TOP SOCIAL PLATFORM OVERALL
        </h5>
        <div class="mozaic-widget sentiment-analytics widget-overall_sentiment" data-widget="overall_sentiment" >
            <div class="mozaic-widget widget-sentiment_meter_reports_state_manager" data-widget="sentiment_meter_reports_state_manager" >
                <div class="mozaic-widget widget-sentiment_meter" data-widget="sentiment_meter" >
                    <div class="sentiment-graph setiment-report-meter" style="width: 400px">
                        <div class="sentiment-meter-gauge">
                            <div id="top-social-platform-overall" style="height: 250px"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="metrics-block-graph" style="margin-left: 420px;">
        <h5>
            TREND BY TOP SOCIAL PLATFORM
        </h5>
        <div class="mozaic-widget metrics-state-manager widget-metrics_state_manager" data-widget="metrics_state_manager" style="height: 250px;">
            <div id="top-social-platform-widget" class="mozaic-widget sentiment-graph widget-time_series" data-widget="time_series" style="height: 250px">
                <div class="highcharts-container" id="widget-top-social-platform" style="position: relative; overflow: hidden; width: 100%; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">

                </div>
            </div>
        </div>
    </div>
    <div class="loading" style="left: 46%;top: 49%;position: absolute;">
        <div class="duo duo1">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
        <div class="duo duo2">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
    </div>
</div>